<template>
  <div id="app" class="chart"></div>
</template>


<script>
import { mainEchart } from "./wikiEcharts/index";

export default {
  data() {
    return {};
  },
  mounted() {
    const chart = new mainEchart({
      dom: ".chart",
      option: {
        xAxis: {
          data: [1, 2, 3, 4, 5, 6, 7],
        },
        yAxis: {},
        series: {
          type: "bar",
          data: [10, 20, 35, 25, 33, 15, 41],
        },
      },
    }).init();
    chart.render();
  },
};
</script>


<style lang="less">
#app {
  margin: 100px auto;
  width: 600px;
  height: 400px;
  border: 1px solid pink;
}
</style>
